<!DOCTYPE html>
<html>
<head>
</head>
<body>
<div id="container"><a id="anchor-in-host-children" href="/">tehepero</a></div>
<div><a id="anchor-outside-of-shadow" href="/">tehepero</a></div>

<script src="../../../resources/js-test.js"></script>
<script>
var container = document.getElementById('container');

var shadowRoot = container.attachShadow({mode: 'open'});

var base = document.createElement('base');
base.setAttribute('href', 'http://www.example.com/');
var anchorInShadow = document.createElement('a');
anchorInShadow.setAttribute('href', '/');

shadowRoot.appendChild(base);
shadowRoot.appendChild(anchorInShadow);

var anchorInHostChildren = document.getElementById('anchor-in-host-children');
var anchorOutsideOfShadow = document.getElementById('anchor-outside-of-shadow');

shouldBe('anchorInShadow.href.indexOf("http://www.example.com")', '-1');
shouldBe('anchorInHostChildren.href.indexOf("http://www.example.com")', '-1');
shouldBe('anchorOutsideOfShadow.href.indexOf("http://www.example.com")', '-1');
</script>
</body>
</html>
